<template>
  <transition name="fade" mode="out-in">
    <keep-alive include="settlement">
      <router-view></router-view>
    </keep-alive>
  </transition>
</template>

<script>
  export default {
    name: 'app'
  }
</script>

<style>
  .fade-enter-active, .fade-leave-active {
    transition: opacity .1s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
  }

  .el-menu {
    border: none;
    overflow: hidden;
  }

  .el-row {
    margin: 0px;
    padding: 0px;
  }

  .rowHead {
    padding: 10px;
    background-color: #fff;
    margin: 0px 0px 10px 0px !important;
  }

  .mainDiv {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
  }

  .el-table td,
  .el-table th {
    padding: 6px 0px;
  }


  /*控制弹框阴影*/

  .v-modal {
    position: absolute;
  }

  .el-message-box__wrapper {
    outline: none;
  }

  /*刷新按钮*/
  .buttonLeft{
    float: right;
    margin-left: 5px
  }
  .searchArea{
    width: 300px;
    float: right
  }

  /*flex布局*/
  .flex_center{
    display: flex;
    align-items: center;
  }
  .flex_center_center{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex_end_center{
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  #el-col-16{
    display: flex;
    align-items: center;
  }
  #el-col-16>div,#el-col-16>span{
    margin-right: 5px;
  }
</style>
